const body = document.body;
const section = document.createElement('section');
section.classList = 'returnTop';
section.innerHTML = '回到顶部';
body.appendChild(section);
let isTop = true; // 设定是否已经处于顶部
let time = null; // 全局定时器，用于清理
section.onclick = () => {
    // scrollTo(0, 0);  // 没有动画直接返回顶部

    // 该是方法也不是匀速上滑
    time = setInterval(()=>{
        const osTop = document.documentElement.scrollTop || document.body.scrollTop;
        const speed = osTop / 8; // 设定上滑的速度
        document.body.scrollTop = document.documentElement.scrollTop -= speed;
        console.log(document.body.scrollTop)
        if(document.body.scrollTop === 0 && document.documentElement.scrollTop === 0){
            clearInterval(time);
        }
        isTop = true;
    }, 50);
}
window.onscroll = function () {
    // 上滑过程中用户进行滑动操作后，则取消自动上滑
    if(isTop === false) {
        clearInterval(time)
    }
    isTop = false
    const osTop = document.documentElement.scrollTop || document.body.scrollTop;
    if (osTop > 300) {
        section.style.display = 'block';
    } else {
        section.style.display = 'none';
    }
}